﻿<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <title>基础框架平台服务前端预览中心-单表服务</title>
    <link href="bootstrap/css/bootstrap.min.css" rel="stylesheet"/>
    <link href="bootstrap/css/bootstrap-theme.min.css" rel="stylesheet"/>
    <script src="js/jquery-1.10.2.min.js"></script>
    <script src="bootstrap/js/bootstrap.min.js"></script>
    <script src="bootstrap/js/bootbox.min.js"></script>
    <script src="js/services/serviceConfig.js"></script>
    <script src="js/echarts/echarts.min.js"></script>
    <script src="js/services/statisticsServices.js"></script>
    <style type="text/css">
        .statis {
            border: solid 1px #DDDDDD;
            border-radius: 8px;
            width: 525px;
            height: 400px;
            float: left;
            margin-right: 20px;
            margin-bottom: 20px;
        }

        .statis:hover {
            border: solid 1px #337ab7;
            box-shadow: 5px 5px 5px #888888;
        }
    </style>
</head>
<body style="background-color: #F1F3FA;">
<nav class="navbar navbar-default" style="margin-top:5px; margin-bottom:5px;">
    <div class="container-fluid">
        <div class="navbar-header" style="font-size:16px; padding-top:8px;">
            <span style="font-size: 23px; border: solid 1px #DDDDDD; padding:0px 5px; margin-right:25px; float:left;">统计图表服务</span>
            <span id="sp_seviceUrl" style="float:left; padding-top:6px; font-size:15px;"></span>
        </div>
    </div>
</nav>
<ul class="nav nav-tabs" role="tablist">
    <li role="presentation" class="active"><a href="#home" aria-controls="home" role="tab" data-toggle="tab">图表预览</a>
    </li>
    <li role="presentation"><a href="#profile" aria-controls="profile" role="tab" data-toggle="tab">数据预览</a></li>
    <li role="presentation"><a href="#serviceAPI" aria-controls="profile" role="tab" data-toggle="tab">统计图表服务API</a>
    </li>
</ul>
<div class="tab-content">
    <div role="tabpanel" class="tab-pane fade in active" id="home">
        <div class="panel panel-primary">
            <div class="panel-heading">统计图表预览</div>
            <div class="panel-body">
                <div id="toolbar" class="form-inline" style="margin-bottom:10px; margin-left:10px;">
                    <div id="txtSearch" class="form-group">
                    </div>
                    <button id="btn_search" type="button" class="btn btn-success">查询</button>
                </div>
                <div class="container-fluid">
                    <div class="statis" id="zhuzhuang"></div>
                    <div class="statis" id="zhexian"></div>
                    <div class="statis" id="bingtu"></div>
                </div>
            </div>
        </div>
    </div>
    <div role="tabpanel" class="tab-pane fade" id="profile">
        <div class="panel panel-primary">
            <div class="panel-heading">数据预览</div>
            <div id="tb_data" class="panel-body">

            </div>
        </div>
    </div>
    <div role="tabpanel" class="tab-pane fade" id="serviceAPI">
        <div class="panel panel-primary">
            <div class="panel-heading">图表服务API</div>
            <div id="tb_api" class="panel-body">
                图表服务API
            </div>
        </div>
    </div>

</div>
</body>
</html>
